<template>
  <div>
    <h1>App</h1>
    {{ info.size.h }}
    <button @click="info.size.h++">info.size.h++</button>
    <hr>
    {{ info.age }}
    <button @click="info.age++">info.age++</button>


  </div>
</template>
<script setup>
import { reactive, ref, shallowReactive, shallowRef } from 'vue';

const info = shallowReactive({
  name: 'jack',
  age: 20,
  size: {
    w: 100,
    h: 200
  }
});




</script>
